
/*** HEADER ****/

span {
    word-break : break-all;
}

div {

}

a {
    color : #329555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    margin : 0px;
    padding : 0px;
}



.isDoctor
{
    display : none;
}

root { 
    display: block;
}
.filler {
    background-color : #E5E5E5;
    float : none;
}

.bg {
    background-image : url("../imgs/bg_shadow.png");
    background-repeat : repeat;
    width : 940px;
    margin: 0px auto;
}

.main {
    background-color:  #FFFFFF;
    width : 1000px;
    float : none;
    margin-left : 10px;
    min-height : 10000px;
}

.main .hdr {
    background-color: #FFFFFF;
    width : 100%;
    height : 118px;
    border-bottom : 1px solid #888888;
}

.main .hdr .logo {
    padding-right : 100px;
    width : 300px;
    float : left;
}
.main .hdr .logo img{
    height : 113px;
    width : 300px;
    padding : 0px;
    margin : 0px;
}

.main .hdr .hdr_content_container {
    float : left;
    width : 518px;
}

.main .hdr .hdr_content_container .acct_btns {
}

.main .hdr .hdr_content_container .acct_btns .acct_btn {
    margin-right : 10px;
    float : right;
}

.main .hdr .hdr_content_container .acct_btns .acct_btn a {
    font-size: 24px;
    margin-right : 7px;
}

.main .container {
    margin-top : 12px;
}
/**** LEFT NAV CHAT ****/
.main .container .left_nav {
    width : 30%;
    float : left;
    background-color: #E0EEEE;
    border-right : 1px solid #555555;
    padding-right : 8px;
}

.main .container .left_nav .comment_container{
    width : 85%;
    border : 1px solid gray;        
    margin-left : 15px;
    margin-top : 20px;
    padding : 8px;
    
}

.main .container .left_nav .comment_container .author_time{
    
}

.main .container .left_nav .comment_container .author{
    float : left;
    width : 70%;
}

.main .container .left_nav .comment_container .author_time .time_holder .time {
    
}

.main .container .left_nav .comment_container .author_time .time{
    width : 30%;
    float : right;
}

.main .container .left_nav .comment_container .content{
    width : 100%;
    height : auto;
}

.main .container .left_nav .friend_request_container {
    width : 85%;
    border : 1px solid gray;        
    margin-left : 15px;
    margin-top : 20px;
    padding : 8px;
}

.main .container .left_nav .friend_request_container .request {
    
}

.main .container .left_nav .friend_request_container .accept_decline_container {
    margin-top : 12px;
    width : 100%;
    height : 25px;
}

.main .container .left_nav .friend_request_container .accept_decline_container .accept_link_container{
    width : 50%;
    float : left;
}

.main .container .left_nav .friend_request_container .accept_decline_container .accept_link_container .accept_link {
    padding-right : 20px;
    border-right : 1px solid #888888;
    float : right;
}

.main .container .left_nav .friend_request_container .accept_decline_container .decline_link_container {
    width : 50%;
    float : left;
}

.main .container .left_nav .friend_request_container .accept_decline_container .decline_link_container .decline_link {
    padding-left: 20px;
    
}

.main .container .left_nav .left_nav_title {
    text-align: center;
    color : #327555;
    font-family : verdana;
    font-size: 24px;
    margin-bottom: 20px;
}
/***************PATIENTS****************/
#main_container{
    width: 918px;
    height: 10000px;
     background-color: #329555;
}
#patient
_container{
    position: relative;
    left: 100px;
    width: 718px;

    background-color : #E0EEEE
}

#headline_container{
    position: relative;
    left: 33%;
    width: 33%;
    height: 50px;
}

#person_container{
     width: 716px;
     margin: 1px;
     background-color: #81F7BE;
}
/***************FRIEND SEARCH************/
#searchFriendField{
    width: 918px;
}
#advancedSearchField{
    width: 918px;
}

#searchFriendResult{
    position: relative;
    left: 50px;
    width: 300px;
}

#searchResultField{
     width: 918px;
     margin: 0px 0px 5px 0px;
}


#searchFriendPageDiv{

    width: 918px;
    background-color:  #327555;

}
/*************FRIENDS HOME**************/
#main_container{
    width: 918px;
    height: 10000px;
     background-color: #329555;
}
#friends_container{
    position: relative;
    left: 100px;
    width: 718px;

    background-color : #E0EEEE
}

#headline_container{
    position: relative;
    left: 33%;
    width: 33%;
    height: 50px;
}

#person_container{
     width: 716px;
     margin: 1px;
     background-color: #81F7BE;
}
/*************ACCOUNT SETTINGS***********/
#main_container{
    width: 918px;
    height: 10000px;
    background-color: #E0EEEE
}
#account_container{

    background-color : #E0EEEE
}
 #privacy_container{

    background-color : #E0EEEE
}

#headline_container{
    position: relative;
    left: 33%;
    width: 33%;
}

#person_container{
     width: 716px;
     margin: 1px;
     background-color: #81F7BE;
}
/***********PLAN SEARCH*****************/
#searchPlanField{
    width: 100%;
    padding: 0;
    margin: 0;
}
#advancedSearchField{
    width: 100%;
    padding: 0;
    margin: 0;
}

#serchPlanResult{
    position: relative;
    left: 50px;
    width: 300px;
}

#searchResultField{
     width: 100%;
     padding: 0;
     margin: 0;

}
/************PLAN CREATE****************/
.plancreate_container
{
    border-radius : 15px;
    -moz-border-radius : 15px;
    width : auto;
    margin-right : 60px;
    margin-left : 60px;
    border : 3px solid green;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    background-color : whitesmoke;
    font-family : verdana;
    color : green;
}
.middle_body
{
    width : 700px;
    margin : auto;
}
.plancreate_privacy td {
    text-align: center;
    padding: 5px;
}
.plancreate_privacy td span{
    font-size : 13px;
    font-weight : bold;
}
.plancreate_privacy th {
    text-align: right;
    padding : 5px;
}
.plancreate_duration {
    margin : auto;
    width : 304px;
    padding : 15px;
}
.plancreate_privacy {
    margin : auto;
    padding : 15px;
    width : 282px;
}
.plancreate_tags {
    margin : auto;
    padding : 15px;
    width : 381px;
}
.plancreate_name {
    margin : auto;
    width : 268px;
    padding : 15px;
}
.plancreate_submit {
    margin : auto;
    width : 71px;
    padding : 15px;
}
.plan_nav {
    width: 85%;
    border: 1px solid gray;
    margin-left: 15px;
    margin-top: 20px;
    padding: 8px;
    height : 400px;
    background-color : white;
}
.plan_nav .plan_nav_link {
    padding : 10px;
    font-size : 28px;
}
.plan_nav .plan_nav_search {
    padding : 20px 10px 10px 10px;
    color : #329555;
}
.plan_nav .plan_nav_search .plan_nav_search_hdr {
    font-size: 24px;
    padding : 3px;
}
/***********PLANS VIEW***************/
.plansview_container
{
    width : auto;
    margin : 0px 60px;
    border : 1px solid gray;
}
.plansview_container iframe {
    margin : 5%;
    width : 90%;
    height : 450px;
}
.plan_nav {
    width: 85%;
    border: 1px solid gray;
    margin-left: 15px;
    margin-top: 20px;
    padding: 8px;
    height : 400px;
    background-color : white;
}
.plan_nav .plan_nav_link {
    padding : 10px;
    font-size : 28px;
}
.plan_nav .plan_nav_search {
    padding : 20px 10px 10px 10px;
    color : #329555;
}
.plan_nav .plan_nav_search .plan_nav_search_hdr {
    font-size: 24px;
    padding : 3px;
}
/********PLAN DETAIL BODY*************/
.addevent_button {
    margin : 0px auto;
    width : 70px;
    padding: 10px;
    color : green;
}
.main .container .page_body .plandetail_container td { 
    height: 90px;
    width: 90px;
    border : 1px solid gray;
}
.addevent_form {
    font-size : 8px;
    padding : 5px 5px 5px 7px;
    width : 100%;
}
.addevent_form td {

    padding : 3px 0px 3px 0;
    text-align : center;
}
.addevent_form table {
    border : 3px solid green;
    border-radius : 15px;
    -moz-border-radius : 15px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    background-color : whitesmoke;
    font-family : verdana;
    color : green;
}
.main .container .page_body .plandetail_hdr {
    font-size : 28px;
    margin : 0px auto;
    text-align : center;
    color : #327555;
    font-family : verdana;
}

/****DASHBOARD BODY *****/
.main .container .middle_body .body_hdr span{
    color : #327555;
    font-family : verdana;
    font-size : 28px;
}

.main .container .page_body {
    float : left;
    padding-left : 20px;
    border-left : 1px solid #555555;
    width : 65%;
}

.main .container .page_body .body_hdr {
    border-bottom: 1px solid #888888;
    font-size : 28px;
    width : 200px;
    margin : 0px auto;
    text-align : center;
}

.main .container .page_body .body_hdr span{
    color : #327555;
    font-family : verdana;
}

.main .container .page_body .event_container {
    width : 400px;
    margin : 20px auto 0px auto;
    border : 1px solid #555555;
}

.main .container .page_body .major_alert {
    border : 1px solid red;
    background-color : #FFBBBB;
}

.main .container .page_body .major_alert span {
    color : red;
}

.main .container .page_body .event_container .event_content {
    margin : 8px auto;
    text-align: center;
    width : 90%;
    border-bottom : 1px solid #888888;
    font-size : 22px;
}

.main .container .page_body .event_container .event_content {
    color : #327555;
}

.main .container .page_body .event_container .event_buttons_container {
    width : 90%;
    margin : 8px auto;
    height : 40px;
    width : 252px;
}

.main .container .page_body .event_container .event_buttons_container a {
    color : white;
    background-color : #329555;
    text-decoration: none;
    border-bottom: 2px solid #327555;
    border-right : 2px solid #327555;
    border-left : 2px solid #32B555;
    border-top : 2px solid #32B555;
    padding : 3px;
}

.main .container .page_body .event_container .event_buttons_container a:hover {
    background-color : #32A555;
}

.main .container .page_body .major_alert .event_buttons_container a {
    background-color : #EE0000;
    border-bottom: 2px solid #8B0000;
    border-right : 2px solid #8B0000;
    border-left : 2px solid #EE3B3B;
    border-top : 2px solid #EE3B3B;
    padding : 3px;
}

.main .container .page_body .major_alert .event_buttons_container a:hover {
    background-color : #EE2222  ;
}

.main .container .page_body .event_container .event_buttons_container .done_button {
    margin-top : 8px;
    float : left;
    border-right : 1px solid #888888;
    padding-right : 20px;
}
    
.main .container .page_body .event_container .event_buttons_container .not_done_button {
    margin-top : 8px;
    float : left;
    padding-left : 20px;
}

.main .container .page_body .event_container .event_buttons_container .alert_button {
    margin-left : 75px;
    margin-top : 20px;
}

.main .container .page_body .event_container .metric_event_input {
    width : 215px;
    margin : 0px auto 8px auto;
}

.main .container .page_body .event_container .metric_event_input span {
    color : #329555;
    font-size : 24px;
}

.main .container .page_body .event_container .metric_event_input input {
    width : 30px;
}

.main .container .page_body .event_container .metric_event_input .submit {
    width :auto;
}


/****** Login *****/

.main .hdr .hdr_content_container .login_title {
    font-size : 18px;
    font-family: Verdana;
    text-align: center;
    margin-top : 7px;
}

.main .hdr .hdr_content_container .login_title span {
    color : #32B555;
}

.main .hdr .hdr_content_container .login_container {
    padding : 15px;
    width : 235px;
    margin-left : 225px;
}

.main .container .login_side {
    font-size : 18px;
    font-family : Verdana;
    width : 49%;
    float:left;
    text-align: center;
}

.main .container .login_side span {
    color : #32B555;
}

.main .container .login_side .login_cal {
    padding-top : 20px;
    width : 300px;
    margin : 0px auto;
}

.main .container .login_side .registration_titles {
    text-align:right;
    width : 50%;
    float : left;
}

.main .container .login_side .registration_titles div {
    margin-top : 4px;
}

.main .container .login_side .registration_titles span {
}

.main .container .login_side .registration_form {
    width : 50%;
    float : left;
}